import React, { Component } from 'react';
import { Link } from 'react-router-dom';

import '../static/styles/xc.css';

class Xc extends Component {
    constructor(props){
        super(props);
    }
    render() {
        return (
            <div className='order-xc'>
                <div className='order-xc-title'>我的行程:</div>
                <div  className='order-xc-name'>{this.props.data.title}</div>
                <div  className='order-xc-info'>
                    <div className='order-xc-cfd'>
                        {this.props.data.set_out}
                    </div>
                    <div className='order-xc-xc'>
                        <div  className='order-xc-times'>{this.props.data.duration}</div>
                        <div  className='order-xc-xc'>
                            <div></div>
                        </div>
                        <div  className='order-xc-cftimes'>出发日期:{this.props.data.collection_time}</div>
                    </div>
                    <div  className='order-xc-dd'>
                        {this.props.data.destination}
                    </div>
                </div>
                <div className='order-xc-jh'>
                    <span className='order-xc-jh-title'>集合地点:</span>
                    <span className='order-xc-jh-name'>{this.props.data.collection_place}</span>
                </div>
            </div>
        );
    }
}

export default Xc;
